@charset "utf-8";
*{margin: 0;padding: 0;list-style: none;cursor:url('http://img.688ing.com/img/mouse.ico'),auto;font-family:"黑体";}
html{height: 100%;}
body{height: 100%;}
*{margin: 0;padding: 0;list-style: none;}
p{word-wrap: break-word;}
/*-----------左侧整体---------*/
.left{width: 260px;color: whitesmoke;background:url(http://img.688ing.com/img/lbg.jpg) ;position: relative;float: left;overflow: hidden;}
/*-----------左侧导航设置------------*/
.logo{border-bottom: 1px solid whitesmoke;padding: 8px 10px;font-size: 26px;font-weight: 800;text-align: center;}
.ln{font-size: 16px;font-weight: 600;}
.ico{margin-right: 12px;float: left;margin-left: 40px;opacity: 0.8;}
.ln li{position:relative;line-height: 42px;padding: 12px;transition:0.3s ease-in all;z-index: 5;color: white;}
li:hover{background-color:rgba(244,245,246,0.6);cursor: pointer;color: black;}
/*----------右侧整体-----------------*/
#right{width: calc(100% - 260px);background: rgb(247,247,248);position: relative;float: right;overflow: hidden;}
#alert{position: absolute;bottom: 56px;right: 1em;z-index: 6;opacity: 0.68;max-height: 300px;overflow: auto;}
#content{height: calc(100% - 143px);margin-bottom: 10px;margin-top: 16px;overflow-y: auto;}
.rn{height: 56px;background:white;border-bottom: whitesmoke 1px solid;line-height: 56px;opacity: 0.8;}
.rn>p{font-size: 20px;}
footer{padding:2px;}
#right[ame='true'] footer{display: none;}
#right[ame='true'] #content{margin: 0;height: calc(100% - 57px);}
.media p{color: #000000;font-weight: 200;}
.make-text{color: plum;font-weight: 800;}
#nav_btn{display: none;}
#sm_mav{position: absolute;top: 56px;left: 10px;background: black;width: 128px;color: whitesmoke;opacity: 0.56;z-index: 66;}
#sm_mav li{padding: 5px;}
#sm_mav li:last-child{border-bottom:none;padding: 5px;}
/*-------免责声明------- */
.disclaimer{height: 100%;padding: 8px 0;}
.mz-text{color:rgba(224,0,0,0.6);text-shadow:0 0 2px #C484C4}
.disclaime{background: url(http://img.688ing.com/img/mz.png);height: 100%;margin: auto;padding:28px;border-radius: 26px;box-shadow: 0px 0 8px 2px rgba(0,0,0,0.8);line-height:26px;font-size: 20px;overflow:auto;}


/*-------动画效果-----------*/
@-webkit-keyframes by_nav{
	from{transform: rotate(0deg);-webkit-filter: invert(0);}
	to{transform: rotate(360deg);-webkit-filter: invert(1);}
}
@-webkit-keyframes for_nav{
	from{transform: rotate(0deg);-webkit-filter: invert(1);}
	to{transform: rotate(-360deg);-webkit-filter: invert(0);}
}





















































/*瞎鸡巴自适应设置*/
@media screen and (max-width:1396px)
{
   .left{width: 0px;}
   #nav_btn{display: inline-block;}
   #right{width: 100%;}
   #alert{right: 2px;}
   
}

@media screen and (max-width:1139px)
{
   .card-deck{display: block;}
   .card{margin:6px 0 !important;}
   .col-md-6{-webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-top: 12px !important;}
}











